import React from 'react';

const HOCcomponent = (Login, Home) => {
  // 要复用的逻辑（副作用）
  const checkToken = () => {
    return sessionStorage.getItem('token') ? true : false;
  }
  // 新的组件
  const MyCom = (props) => {
    // console.log(props) // {isLogin:false}
    return (
      <>
        <h1>全新的组件</h1>
        {/* 把一个对象做组件的Props, 注意语法 */}
        {props.isLogin === true ?
          <Home {...props} checkToken={checkToken} /> :
          <Login {...props} checkToken={checkToken} />}
      </>
    )
  }

  return MyCom;
}

export default HOCcomponent;
